<template>
	<view class="page">
		<cu-custom bgColor="bg-gradual-red" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">{{title}}</block>
		</cu-custom>
		<Loading class="loading" v-show="!isLoading" :isStatus='loadStatus'></Loading>
		<scroll-view scroll-y="true" :style=" {height:boxH+'px'}">
			<view class="listCard animation-slide-bottom" v-for="(item,index) in orderList"
				:style="[{animationDelay: (index + 1)*0.1 + 's'}]" @click="toGood(item.course_id)">

				<view class="head-top">
					<view class='cu-tag bg-cyan list-text-icon' v-if="nowTime<item.start_time">未开始</view>
					<view class='cu-tag bg-cyan list-text-icon'
						v-if="nowTime < item.end_time &&  item.start_time<nowTime">
						<text class="cuIcon-time "></text>已开课
					</view>
					<view class='cu-tag bg-cyan list-text-icon' v-if="(item.end_time<nowTime)">已结束</view>
					{{item.title}} <text class="cuIcon-right"></text>
				</view>

				<view class="listCard-box">

					  <view class="listImgBox">
							<image class="imgBox" :src="item.cover" mode="aspectFit" lazy-load="true"></image>
						</view>
			
				
						<view class="listXiBox">
						
							<view class="titleBox1" v-html="item.basic_info">
				
							</view>
				
				
						</view>

				</view>

				<!--<view class='cu-tag bg-cyan list-text-icon' v-if="(item.end_time<nowTime)">已结束</view>-->

			</view>

			<view class="cu-tabbar-height"></view>
		</scroll-view>





	</view>
</template>
<script src="./mycourse.js"></script>
<style scoped>
	@import 'mycourse.css';
</style>
